<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <title>标签页</title>
    <link rel="stylesheet" href="css/cssreset.css" />
    <link rel="stylesheet" href="css/blog.css" />
</head>
<body>

<header class="nav-bar nav-bar-fixed">
    <div class="nav">
        <a class="brand pull-left" href="#"></a>
         <nav class="nav-wraper">
            <ul class="container">
                <li><a href="#">博文列表</a></li>
                <li class="active"><a href="#">标签</a></li>
                <li><a href="#">收音机</a></li>
                <li><a href="#">实验室</a></li>
                <li><a href="#">关于</a></li>
            </ul>
        </nav>
        <div class="search-bar pull-right"></div>
    </div>
    <div class="nav-line">
         <div class="nav-wraper">
            <div class="container currrent"><div class="cur"></div></div>
        </div>
    </div>
</header>

<div class="main wraper">
    <div class="container">
        <div class="tag-index">
            <ul>
                <li><a href="#A">A</a>
                </li>
                <li><a href="#B">B</a>
                </li>
                <li><a href="#C">C</a>
                </li>
                <li><a href="#D">D</a>
                </li>
                <li><a href="#F">F</a>
                </li>
                <li><a href="#G">G</a>
                </li>
                <li><a href="#H">H</a>
                </li>
                <li><a href="#J">J</a>
                </li>
                <li><a href="#K">K</a>
                </li>
                <li><a href="#">L</a>
                </li>
                <li><a href="#">M</a>
                </li>
                <li><a href="#">N</a>
                </li>
                <li><a href="#">O</a>
                </li>
                <li><a href="#">P</a>
                </li>
                <li><a href="#">Q</a>
                </li>
                <li><a href="#">R</a>
                </li>
                <li><a href="#">S</a>
                </li>
                <li><a href="#">T</a>
                </li>
                <li><a href="#">W</a>
                </li>
                <li><a href="#">X</a>
                </li>
                <li><a href="#">Y</a>
                </li>
                <li><a href="#">Z</a>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>

        <div class="tag-box">
            <div class="name">
                <h3><a name="A">A</a></h3>
                <ul>
                    <li><a href="#">安替</a>
                    </li>
                    <li><a href="#">阿来</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="B">B</a></h3>
                <ul>
                    <li><a href="#">柏小莲</a>
                    </li>
                    <li><a href="#">班布尔汗</a>
                    </li>
                    <li><a href="#">博鳌观察</a>
                    </li>
                    <li><a href="#">北望</a>
                    </li>
                    <li><a href="#">边界</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="C">C</a></h3>
                <ul>
                    <li><a href="#">崔卫平</a>
                    </li>
                    <li><a href="#">成庆</a>
                    </li>
                    <li><a href="#">陈方</a>
                    </li>
                    <li><a href="#">陈思进</a>
                    </li>
                    <li><a href="#">陈念萱</a>
                    </li>
                    <li><a href="#">曹林</a>
                    </li>
                    <li><a href="#">蔡天新</a>
                    </li>
                    <li><a href="#">柴子文</a>
                    </li>
                    <li><a href="#">陈惊雷</a>
                    </li>
                    <li><a href="#">曾雅娴</a>
                    </li>
                    <li><a href="#">程小莹</a>
                    </li>
                    <li><a href="#">陈雪频</a>
                    </li>
                    <li><a href="#">陈林</a>
                    </li>
                    <li><a href="#">程凯</a>
                    </li>
                    <li><a href="#">谌洪果</a>
                    </li>
                    <li><a href="#">陈季冰</a>
                    </li>
                    <li><a href="#">出版人周筠</a>
                    </li>
                    <li><a href="#">陈思呈</a>
                    </li>
                    <li><a href="#">查小欣</a>
                    </li>
                    <li><a href="#">蔡孟翰</a>
                    </li>
                    <li><a href="#">陈雪</a>
                    </li>
                    <li><a href="#">澄海</a>
                    </li>
                    <li><a href="#">陈远</a>
                    </li>
                    <li><a href="#">蔡丽怡</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="D">D</a></h3>
                <ul>
                    <li><a href="#">丁启阵</a>
                    </li>
                    <li><a href="#">党青</a>
                    </li>
                    <li><a href="#">端宏斌</a>
                    </li>
                    <li><a href="#">端木赐香</a>
                    </li>
                    <li><a href="#">单田芳</a>
                    </li>
                    <li><a href="#">顿河</a>
                    </li>
                    <li><a href="#">戴新伟</a>
                    </li>
                    <li><a href="#">鄧小樺</a>
                    </li>
                    <li><a href="#">大家</a>
                    </li>
                    <li><a href="#">段传敏</a>
                    </li>
                    <li><a href="#">段钢</a>
                    </li>
                    <li><a href="#">单仁</a>
                    </li>
                    <li><a href="#">段宇宏</a>
                    </li>
                    <li><a href="#">戴旭</a>
                    </li>
                    <li><a href="#">稻草人老孙</a>
                    </li>
                    <li><a href="#">淡豹</a>
                    </li>
                    <li><a href="#">竺家荣</a>
                    </li>
                    <li><a href="#">大风</a>
                    </li>
                    <li><a href="#">戴韵</a>
                    </li>
                    <li><a href="#">大江健三郎</a>
                    </li>
                    <li><a href="#">刁大明</a>
                    </li>
                    <li><a href="#">邓野</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="F">F</a></h3>
                <ul>
                    <li><a href="#">范泓</a>
                    </li>
                    <li><a href="#">房聖易</a>
                    </li>
                    <li><a href="#">法大何兵</a>
                    </li>
                    <li><a href="#">傅国涌</a>
                    </li>
                    <li><a href="#">范剑平</a>
                    </li>
                    <li><a href="#">傅蔚冈</a>
                    </li>
                    <li><a href="#">富大人</a>
                    </li>
                    <li><a href="#">复旦冯玮</a>
                    </li>
                    <li><a href="#">范以锦</a>
                    </li>
                    <li><a href="#">冯雪梅</a>
                    </li>
                    <li><a href="#">傅月庵</a>
                    </li>
                    <li><a href="#">方亮</a>
                    </li>
                    <li><a href="#">傅斯鸿</a>
                    </li>
                    <li><a href="#">范晔</a>
                    </li>
                    <li><a href="#">赋格</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="G">G</a></h3>
                <ul>
                    <li><a href="#">龚晓跃</a>
                    </li>
                    <li><a href="#">高昱</a>
                    </li>
                    <li><a href="#">顾则徐</a>
                    </li>
                    <li><a href="#">关军</a>
                    </li>
                    <li><a href="#">郭全中</a>
                    </li>
                    <li><a href="#">葛剑雄</a>
                    </li>
                </ul>
            </div>
            <div class="name">
                <h3><a name="H">H</a></h3>
                <ul>
                    <li><a href="#">何三畏</a>
                    </li>
                    <li><a href="#">和菜头</a>
                    </li>
                    <li><a href="#">胡赳赳</a>
                    </li>
                    <li><a href="#">黄章晋</a>
                    </li>
                    <li><a href="#">韩松落</a>
                    </li>
                    <li><a href="#">狠狠红</a>
                    </li>
                    <li><a href="#">黄佟佟</a>
                    </li>
                    <li><a href="#">胡泳</a>
                    </li>
                    <li><a href="#">何小天</a>
                    </li>
                    <li><a href="#">胡展奋</a>
                    </li>
                    <li><a href="#">洪立</a>
                    </li>
                    <li><a href="#">郝建</a>
                    </li>
                    <li><a href="#">胡舒立</a>
                    </li>
                    <li><a href="#">黄俊杰</a>
                    </li>
                    <li><a href="#">洪晃</a>
                    </li>
                    <li><a href="#">韩福东</a>
                    </li>
                    <li><a href="#">侯虹斌</a>
                    </li>
                    <li><a href="#">红肚兜儿</a>
                    </li>
                    <li><a href="#">韩十洲</a>
                    </li>
                    <li><a href="#">何京锴</a>
                    </li>
                    <li><a href="#">鹤马</a>
                    </li>
                    <li><a href="#">韩昇</a>
                    </li>
                    <li><a href="#">韩少功</a>
                    </li>
                    <li><a href="#">胡文辉</a>
                    </li>
                    <li><a href="#">黄德海</a>
                    </li>
                    <li><a href="#">胡紫微</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>


<div class="sidebar sidebar-fixed">
    <div class="sidebar-content-wraper">
        <div class="m-tags">
            <div class="hd">
                <h3 class="pull-left"><a href="">标签云</a></h3>
            </div>
            <div class="bd">
                <a href="">javascript</a>
                <a href="">js</a>
                <a href="">angular</a>
                <a href="">ps</a>
                <a href="">dom</a>
                <a href="">bom</a>
                <a href="">html5</a>
                <a href="">css3</a>
                <a href="">php</a>
                <a href="">cordava</a>
                <a href="">ui</a>
                <a href="">ued</a>
            </div>
        </div>
        <div class="m-tags">
            <div class="hd">
                <h3 class="pull-left"><a href="">标签云</a></h3>
            </div>
            <div class="bd">
                <a href="">javascript</a>
                <a href="">js</a>
                <a href="">angular</a>
                <a href="">ps</a>
                <a href="">dom</a>
                <a href="">bom</a>
                <a href="">html5</a>
                <a href="">css3</a>
                <a href="">php</a>
                <a href="">cordava</a>
                <a href="">ui</a>
                <a href="">ued</a>
            </div>
        </div>
    </div>
</div>






<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.navslider.js"></script>
<script type="text/javascript">
    //调用
    $(document).ready(function(){
        $('.nav-bar').autoFocus();
    })
</script>

</body>
</html>